{% load static %}
<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="{% static 'tickets/CSS/personInfo.css' %}">
    <style>
        .con4  {
            margin-left: 40%;
            color: #FFFFFF;
            width: 100px;
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .pic {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 1px solid #000;
            margin: 0px 0 5px 20px;
        }
        .btn {
            opacity: 0;
            width: 60px;
            height: 60px;
            line-height: 30px;
            text-align: center;
            background: lightblue;
            cursor: pointer;
            display: block;
            font-size: 16px;
            border-radius: 5px;
            /* margin-left: 10px; */
            margin-bottom: 10px;
        }
        .upload {
            /* float: left; */
            position: relative;
        }

        .upload_pic {
            cursor: pointer;
            display: block;
            width: 100%;
            height: 40px;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
            border-radius: 5px;
        }
    </style>
</head>

<body>
    <div class="center-main">
        <div class="panel-border">
            <div class="Content-Main1" style="left: 200px;">
                <h1>基本信息</h1>
            </div>

            <form action="/tickets/upload_head" method="POST" enctype="multipart/form-data">
                {% csrf_token %}
                {% comment %} <div class="con4">
                    <div id="cvs" class="pic">
                        <div class="btn-load">
                            <span class="btn upload">选择头像
                                <input
                                    type="file" 
                                    accept="image/*" 
                                    class="upload_pic"
                                    name="headPicture"
                                    id="upload"/>
                            </span>
                        </div>
                    </div>
                </div> {% endcomment %}
                <div class="con4">
                    <div id="cvs" class="pic" style="border: 1px
                    solid gray;">
                        <img class="pic" style="width: 100%;height: 100%; margin: 0 0 0 0;"
                            src="{% static 'tickets/images/head/' %}{{ user_get.user_head }}">
                        <span class="btn upload">
                            <input type="file" class="upload_pic" id="upload" name="headPicture" accept="image/*"/></span>
                    </div>

                </div>
                <input type="submit" value="上传头像" align="center"></input>
            </form>    

            <div class="form-list"> 
                <div class="form-item">
                    <div class="form-label">
                        <span class="required">*</span>
                        姓名：
                    </div>
                    <div class="form-bd"> {{ user_get.user_name }}
                    </div>
                </div>
            </div>
            <div class="form-list"> 
                <div class="form-item">
                    <div class="form-label">
                        <span class="required">*</span>
                        手机号：
                    </div>
                    <div class="form-bd"> {{ user_get.user_phne }}
                    </div>
                </div>
            </div>
            <div class="form-list"> 
                <div class="form-item">
                    <div class="form-label">
                        <span class="required">*</span>
                        账号：
                    </div>
                    <div class="form-bd"> {{ user_get.user_acut }}
                    </div>
                </div>
            </div>
            <div class="form-list"> 
                <div class="form-item">
                    <div class="form-label">
                        <span class="required">*</span>
                        密码：
                    </div>
                    <div class="form-bd"> {{ user_get.user_pswd }}
                    </div>
                </div>
            </div>
            <div class="form-list"> 
                <div class="form-item">
                    <div class="form-label">
                        <span class="required">*</span>
                        身份证号：
                    </div>
                    <div class="form-bd"> {{ user_get.user_card }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>